<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!DOCTYPE html>
<html xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/wonder/css/style.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/wonder/css/jquery.lightbox-0.5.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/wonder/css/scroll.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/wonder/css/video-js.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/wonder/css/BlackAndWhite.css" type="text/css" />
 <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/jquery-1.7.2.js"></script>
 <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/jquery.BlackAndWhite.js"></script>
 <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/jquery.animate-shadow-min.js"></script>
 <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/jquery.innerfade.js"></script>
 <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/jquery.form.js"></script>
 <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/jquery.MakeVmSelectbox.js"></script>
 <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/jquery.MakeVmEditable.js"></script>
 <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/jquery.jcarousel.min.js"></script>
 <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/video.min.js"></script>
 <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/jquery.lightbox-0.5.js"></script>
 <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/function.js"></script>
 <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/comment.js"></script>
 <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/main.js"></script>
 <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/captify.js"></script>
 <!--fAncy box -->
 <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/wonder/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<!-- fancybox -->
 <?php 
	$pageoption = JRequest::getVar('option', '');
    $pageview = JRequest::getVar('view', '');
    $pageitemid = JRequest::getVar('Itemid', '');
    $pagetask = JRequest::getVar('task', '');
    $catid = JRequest::getVar('catid', '');
	$class_body = "default";
	if($pageoption == "com_banggia" || $pageoption == "com_tintuc" || $pageoption == "com_phongthuy" || $pageoption == "com_gioithieu" || $pageoption == "com_contact" ) $class_body="horizontal";
	// echo $pageoption;
	// echo $pageview;
	if($pageitemid == 115) {
		$class_body = "vertical";
		?>
		<style>

		</style>
		<?php
	}else if($pageoption != 'com_gioithieu' && $pageoption!="com_content"){
	?>
	<style>

			#intro{ margin: 25px auto -80px;
			top: -30px;}
		   .line{margin-top:-10px;top:0px;}
		   .ctylogan{margin-top:13px;}
		</style>
		<?php
	}
	// if($pageoption == "com_content" && $pageview !="featured")
		// echo "<META HTTP-EQUIV=\"refresh\" content=\"1;URL=".$this->baseurl."\">";
	if($pageoption != "com_content"){
	?>
		<style>
			#content{margin:0 auto;}
			#outer-foot{margin-top:5px;}
		</style>
		<?php	
	}
 ?>
 <?php 
 //stlye custom
if($pageoption == "com_banggia"){
?>
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/jquery.printElement.min.js"></script>
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/PriceSetting-635071510231718750.js"></script>
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wonder/js/giathamkhao.js"></script>
<?php
}
 ?>
 <!--Start of Zopim Live Chat Script-->
<script type="text/javascript">
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute('charset','utf-8');
$.src='//cdn.zopim.com/?1P42i5BgtsVo4Gs24LeL1yIJ94q6rFxG';z.t=+new Date;$.
type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script');
$(document).ready(function(){
	$(".mvc_digitCounterstatistics").css("text-align","left");
	$(".mvc_guestsstatistics").css("text-align","left");
	$(".vcounter_TypeTextstatistics").html("Luợt truy cập:"+$(".vcounter_TypeTextstatistics").html());
});
</script>
<!--End of Zopim Live Chat Script-->
</head>
<body class="<?php echo $class_body;?> <?php echo $pageoption;?>">
<!--start-g+script-->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<!--end-g+script-->

<!--start-facebookscript-->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!--end-facebookscript-->
<div id="outer-main">
	<div id="header">
	<div id="logo">		
		<jdoc:include type="modules" name="logowonder" style="xhtml" />
	</div><!-- #logo -->
	<div id="gradian"></div>
    
<jdoc:include type="modules" name="menuwonder" style="xhtml" />
<?php if ($this->countModules('h-content') || $pageoption == "com_banggia"): ?>
<div id="h-content">
	<jdoc:include type="modules" name="h-content" style="xhtml" />
</div>
<?php endif;?>
<?php if ($this->countModules('slider')): ?>
<div id="socialbutton">
	 <!--#googleplus-->
    <g:plusone></g:plusone>
	<!--#googleplus-->
	
    <!--#facebooklike-->
    <div class="fb-like" data-href="http://vietarchitect.vn/" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial"></div>
    <!--#facebooklike-->
</div><!--#socialbutton-->
<?php endif;?>
<jdoc:include type="modules" name="vmenu" style="xhtml" />
<jdoc:include type="modules" name="slider" style="xhtml" />
<!-- #slider -->
<jdoc:include type="modules" name="submenu" style="xhtml" />
<?php if ($this->countModules('slider')): ?>
<div class="hotline"> <span style="float:left;color:#fff;padding:10px;font-size:14px;"></span> </div>
<?php endif;?>
</div><!-- #header -->
<jdoc:include type="modules" name="info" style="xhtml" />
<?php if ($this->countModules('slider')): ?>
<div class="line">&nbsp;</div>
<?php endif;?>

<?php if ($this->countModules('slider')&& $pageview!="chitiet"): ?>
<div class="ctylogan"><img src="<?php echo $this->baseurl;?>/templates/wonder/images/cty-vietarchitect.png" alt="" /></div>
<?php endif;?>

<?php if($pageoption != "com_banggia"):?>
<div id="content">
	<?php if($pageview!= "chitiet" && $pageoption != "com_comsldr"):?>
	<jdoc:include type="modules" name="position-0" style="xhtml" />
	<?php endif;?>
	<jdoc:include type="message" />
	<jdoc:include type="component" />
</div><!-- #content -->
<?php endif;?>
<?php if ($this->countModules('slider')&& $pageview=="chitiet"): ?>
<style>
#content{padding-top:40px;}
</style>
<div class="line">&nbsp;</div>
<div class="ctylogan"><img src="<?php echo $this->baseurl;?>/templates/wonder/images/cty-vietarchitect.png" alt="" /></div>
<?php endif;?>
<?php if($pageoption == "com_banggia"):?>
	<jdoc:include type="message" />
	<jdoc:include type="component" />
<?php endif;?>
</div><!-- end out-main -->

<div id="outer-foot">	
	<div id="outer-foot2">
	<div class="b">
		<jdoc:include type="modules" name="footerwonder" style="xhtml" />
	</div>
	</div><!-- #outer-foot2 -->
	<div class="menu-left"></div>
	<div class="menu-right"></div>
</div><!-- #outer-foot -->
</body>
</html>